<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>


        // forEach  只会遍历  没有返回值
        // map      按照一定的规则改变数组中的值，返回新的数组
        // filter   过滤   找到所有满足条件的数据,返回新的数组

        const arr = [1,2,3] ;

        const arr2 = arr.map(v => {
            return v + '*hi'
        })

        const res = arr.filter(v => {
            return v > 1
        })
        console.log(res);

        console.log(arr2);   // ['1*hi' , '2*hi' , '3*hi']

        const arr3 = arr2.map(v => {              // [[1 , 'hi'] , [2 , 'hi'] , [3 , 'hi']]
            return v.split('*')
        })

        console.log(arr3);

        // ['1*hi' , '2*hi' , '3*hi']
        // [
        //     {
        //         a : 1 ,
        //         b : 'hi'
        //     } ,
        //     {
        //         a : 2 ,
        //         b : 'hi' , 
        //     },
        //     {
        //         a : 3 ,
        //         b : 'hi'
        //     }
        // ]
        const arr4 = arr2.map( v => {
            const arr5 = v.split('*') ;
            return {
                age : arr5[0] ,
                say : arr5[1]
            }
        }) ;

        console.log(arr4);


        const arr6 = arr4.filter( v=>{
            return v.age === '1'
        })

        console.log(arr6);

    </script>
    
</body>
</html>